<!DOCTYPE html>
<html>
<head>


  <!-- <link rel="stylesheet" href="css/base16-light.css">   code mirror -->

  <link rel="stylesheet" href="codemirror/lib/codemirror.css">
  <link rel="stylesheet" href="codemirror/lib/addon/dialog/dialog.css">

  <link rel="stylesheet" href="texmath/katex/katex.min.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">

  <link rel="stylesheet" href="css/default.css">
  <link rel="stylesheet" href="css/justmd.css">
</head>
<body>
  <div id="toolbar">
    <span class="split"></span>
    <a><i class="fa fa-folder-open-o" id="bt-open" title="open"></i></a>
    <a><i class="fa fa-save" id="bt-save" title="save"></i></a>
    <a><i class="fa fa-paste" id="bt-smart-paste" title="smart paste"></i></a>
    <span class="split"></span>
    <a><i class="fa fa-bold" id="bt-bold" title="bold"></i></a>
    <a><i class="fa fa-quote-left" id="bt-quote" title="quote"></i></a>
    <a><i class="fa fa-list-ul" id="bt-ul" title="list"></i></a>
    <a><i class="fa fa-list-ol" id="bt-ol" title="ordered list"></i></a>
    <span class="split"></span>    
    <a><i class="fa fa-globe" id="bt-link" title="link"></i></a>
    <a><i class="fa fa-image" id="bt-image" title="image"></i></a>
    <a><i class="fa fa-table" id="bt-table" title="table"></i></a>
    <a><i class="fa fa-code" id="bt-code" title="code"></i></a>
    <a><i class="fa fa-superscript" id="bt-tex" title="Tex"></i></a>
    <a><i class="fa fa-code-fork" id="bt-uml" title="UML"></i></a>
  </div>
  <div id="in"><form><textarea id="code"># title</textarea></form></div>
  <div id="out"></div>

  <script src="js/markdown-it.js"></script>
  <script src="js/markdown-it-footnote.js"></script>
  <script src="js/markdown-it-checkbox.js"></script>
  <script src="js/markdown-it-toc.min.js"></script>

  <script src="texmath/katex/katex.min.js"></script>
  <script src="texmath/texmath.js"></script>

  <!-- nomnoml 支持 uml,flowchart 语法简洁 -->
  <script src="nomnoml/lib/zepto.min.js"></script>
  <script src="nomnoml/lib/lodash.min.js"></script>
  <script src="nomnoml/lib/dagre.min.js"></script>
  <script src="nomnoml/skanaar.canvas.js"></script>
  <script src="nomnoml/skanaar.svg.js"></script>
  <script src="nomnoml/skanaar.util.js"></script>
  <script src="nomnoml/skanaar.vector.js"></script>
  <script src="nomnoml/nomnoml.jison.js"></script>
  <script src="nomnoml/nomnoml.parser.js"></script>
  <script src="nomnoml/nomnoml.visuals.js"></script>
  <script src="nomnoml/nomnoml.layouter.js"></script>
  <script src="nomnoml/nomnoml.renderer.js"></script>
  <script src="nomnoml/nomnoml.js"></script>

  <script src="js/to-markdown.js"></script>
  <script src="js/highlight.pack.js"></script>

  <script src="codemirror/lib/codemirror.js"></script>
  <script src="codemirror/overlay.js"></script>
  <script src="codemirror/xml/xml.js"></script>
  <script src="codemirror/markdown/markdown.js"></script>
  <script src="codemirror/gfm/gfm.js"></script>
  <script src="codemirror/javascript/javascript.js"></script>
  <script src="codemirror/css/css.js"></script>
  <script src="codemirror/htmlmixed/htmlmixed.js"></script>
  <script src="codemirror/lib/util/continuelist.js"></script> 
  <script src="codemirror/lib/addon/dialog/dialog.js"></script>
  <script src="codemirror/lib/addon/search/searchcursor.js"></script>
  <script src="codemirror/lib/addon/search/search.js"></script>

  <script src="js/justmd.js"></script>

</body>
</html>
